@charset "utf-8";
/* CSS Document */
.newHead{ min-width: 1480px; height: 90px;background: #FFFFFF;}
.phpLogo{margin: 15px 24px 0 20px ;z-index: 1000;background: #FFFFFF;}
.nhead{width: 100%;margin:0 auto;height: auto;justify-content: space-between;}
.phpLogo a {display: block;width: 110px;height: 50px;background: url(../images/logo.png) no-repeat;background-size: contain;
  /* background: image-set(url(../images/logo.png) 1x, url(../images/logo-2x.png) 2x) no-repeat;
  background: -webkit-image-set(url(../images/logo.png) 1x, url(../images/logo-2x.png) 2x) no-repeat; 123 */
}
.typeAsearch{height: 90px;align-items: center;    justify-content: space-between;width: 100%;}
.headtype {font-size: 18px;color: #333333;margin:2px 0 0 0;max-width:960px;width:auto;padding:0 10px;overflow:hidden;}
.headtype a {margin:0 30px 0 0 ;word-break: keep-all;white-space: nowrap;width:auto !important;}
.headtype a:hover{color:#FC3930;}

.headsearch{    z-index: 1000; margin: 5px 20px 0 0; width: 190px;height: 36px;background: #F7F8FA;border-radius: 18px;position: relative;border-radius: 100px;background: #f7f8fa;}
.headsearch input.text1 {
  float: left;width: 135px;height: 36px;border: none;background: none;margin: 0px 0px 0px 20px;outline: none;font-size: 12px;color: #999999;
}
.headsearch .searchSpans {position: absolute;right: 40px;top: 8px;color: #999999;}
.headsearch input.submit1 {width: 17px;height: 17px;border: none;background: none;
  background: url(../images/bg1.png) no-repeat -45px -25px;
  background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -45px -25px;
  background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -45px -25px;
  float: right;margin-right: 15px;margin-top: 9px;cursor: pointer;
}
.headsearch .searchSpans a {margin-right: 10px;cursor: pointer;text-decoration: none;color: #999999;}
.guojisersp{display: none;
  width: 260px;height: auto;background:#f7f8fa;z-index: 100;top: 30px !important;
  left: 7px;    padding: 5px 10px;border-radius:0 0 10px 10px;
}
.gjsspd{justify-content: space-between;flex-wrap: wrap;align-items: center;}
.gjsspd a{margin-bottom: 6px;margin-right: 30px !important;line-height: 20px;}


.loginB{
  width: 24px;height: 24px;margin:0 9px 0 0 ;min-width: 24px;
  background: url(../lhimages/icon13.png) no-repeat ;
  background: image-set(url(../lhimages/icon13.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon13.png)) no-repeat;
}
.loginAother{align-items: center;margin:5px 0 0 15px;position: relative;width: 586px;justify-content:right;}
.loginAother a{font-size: 18px;color: #333333;} 
.loginAother .login{align-items: center;margin-right:5px;}
.loginAother a span{white-space: nowrap;overflow:hidden;}
.logaright .others{margin:0 0 0 20px;}
.logaright {height: 100%;align-items: center;}
.langadivs{    height: 100%;align-items: center;display: flex;}



.login,.vips{font-weight: bold;}
.vips{margin:0 0 0 17px ;}
.creates{margin:0 17px 0 20px;}
.teachers{color: #FC3930 !important; margin:0 0 0 15px;}
.wechats{margin:0 22px;position: relative;}
.login{width: auto;min-width:70px;justify-content: center;}
.logindiv{position: relative;cursor: pointer;height: 100%;display: flex;align-items: center;}
.avatar{width: 45px;height: 45px;border-radius: 50%;}
.myself{min-width: 257px;min-height: 261px;background: #FFFFFF;box-shadow: 0px 4px 9px 0px rgba(211,211,211,0.4); width: auto; height: auto;
position: absolute;top: 85px;left: -100px;z-index: 10;
}
.msdata {margin:16px 15px 0 15px ;}
.msdimg{width: 40px;height: 40px;border-radius: 50%;margin:0 13px 0 0 ;}
.name{width: 170px;overflow: hidden;height: 20px;font-weight: bold;color: #333333;margin:0 0 6px 0;}
.pdou{font-size: 12px;color: #999999;}
.vipdiv{width: 26px;height: 15px;background: #DADADA;border-radius: 3px;font-size: 12px;font-weight: bold;color: #FFFFFF;padding: 0 0 1px 6px;margin:0 17px 0 0;}
.vipdivtrue{width: 26px;height: 15px;background: #FDE5BA;border-radius: 3px;font-size: 12px;font-weight: bold;color: #C68109;;padding: 0 0 1px 6px;margin:0 17px 0 0;}
.mybtnA{width: auto;padding:0 10px ;height: 30px;background: #F7F7F7;border-radius: 5px;margin-bottom: 13px;align-items: center;justify-content: center;color: #666666 !important;}
.mybtns {flex-wrap: wrap;margin:19px 15px 0 15px ;}
.mybtnA:nth-child(2n+1){margin:0 11px 13px 0;}
.mybtnA.checks{background: #EEEEEE;}
.learnClass {margin:3px 15px 12px 15px;}
.className{font-size: 14px;font-weight: 400;color: #333333;width: 149px;overflow: hidden;height: 17px;margin:0 0 9px 0;}
.classdes{font-size: 14px !important;font-weight: 400;color: #999999;}
.classdes span:nth-child(1){width: 149px;height: 17px;overflow: hidden;margin:0 28px 0 22px;color: #999999;}
.classdes span:nth-child(2){color: #FFAF02;}
.mysLine{width: 227px;height: 1px;background: #EEEEEE;margin:0 15px 12px 15px;}
.logout{font-size: 14px;font-weight: 400;color: #999999;margin:0 15px;}
.mybtnA span{font-size: 14px;font-weight: 400;color: #666666;}
.others{position: relative;}

.VIPB{
  width: 23px;height: 20px;margin:2px  9px 0 0 ;
  background: url(../lhimages/icon14.png) no-repeat ;
  background: image-set(url(../lhimages/icon14.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon14.png)) no-repeat;
}
.wechatB{
  width: 28px;height: 22px;margin:0 7px 0 0 ;
  background: url(../lhimages/icon16.png) no-repeat ;
  background: image-set(url(../lhimages/icon16.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon16.png)) no-repeat;
}
.othersB{
  width: 29px;height: 23px;
  background: url(../lhimages/icon15.png) no-repeat ;
  background: image-set(url(../lhimages/icon15.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon15.png)) no-repeat;
}
.pdou b{
  width: 12px;height: 12px;margin:2px 6px 0 0 ;
  background: url(../lhimages/icon17.png) no-repeat ;
  background: image-set(url(../lhimages/icon17.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon17.png)) no-repeat;
}
.grzx b{
  width: 10px;height: 13px;margin:2px 6px 0 0 ;min-width: 10px;
  background: url(../lhimages/icon18.png) no-repeat ;
  background: image-set(url(../lhimages/icon18.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon18.png)) no-repeat;
}
.wdkc b{
  width: 15px;height: 10px;margin:2px 6px 0 0 ;
  background: url(../lhimages/icon19.png) no-repeat ;
  background: image-set(url(../lhimages/icon19.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon19.png)) no-repeat;
}
.wdbk b{
  width: 11px;height: 14px;margin:2px 6px 0 0 ;
  background: url(../lhimages/icon20.png) no-repeat ;
  background: image-set(url(../lhimages/icon20.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon20.png)) no-repeat;
}
.grsz b{
  width: 13px;height: 12px;margin:2px 6px 0 0 ;min-width: 13px;
  background: url(../lhimages/icon21.png) no-repeat ;
  background: image-set(url(../lhimages/icon21.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon21.png)) no-repeat;
}
.lcaB{
  width: 16px;height: 16px;margin:0 8px 0 0 ;
  background: url(../lhimages/icon_shijian.png) no-repeat ;
  background: image-set(url(../lhimages/icon_shijian.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon_shijian.png)) no-repeat;
}
.showCheck,.showCheck2{
  background: url(../lhimages/icon22.png) no-repeat ;
  background: image-set(url(../lhimages/icon22.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon22.png)) no-repeat;
}
.notshowCheck,.notshowCheck2{
  background: url(../lhimages/icon23.png) no-repeat ;
  background: image-set(url(../lhimages/icon23.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon23.png)) no-repeat;
}
.showc,.showc2{cursor: pointer;  width: 32px;height: 14px;}
/* 头部 end */
.blackTab{width: 1381px;height: auto;background: #292929;margin:90px auto 30px auto;position: relative;margin-top: 0;}
.btdiv{max-height: 65px;position: absolute;top: 0;width: 1381px;background: #292929;transition: all 0.5s;overflow: hidden;}
.btabdiv ul{flex-wrap: wrap;align-items: center;overflow: hidden;position: relative;}
.btabdiv ul li{height: 25px;margin:0 10px 15px 0;line-height: 22px;}
.btabdiv{overflow: hidden;position: relative;padding:23px 0 0 0;width: 100%;transition: all 0.5s;}
.btabdiv.active{transition: all 0.5s;max-height: 260px;height: auto;}
.blackTab a{font-size: 16px;font-weight: 400;color: #FFFFFF;margin:0 11px 21px 11px;}
.blackTab a:hover{color:#fab005}
.blackTab .web3{color:#FC3930; }
.heightA{width: 1px;height: 20px;background: #FFFFFF;display: flex;}
.showCheck ,.notshowCheckli{bottom: 0;  position: absolute;left: 50%}
.notshowCheckli{height: 15px !important;margin-bottom: 0 !important;}
.lqnow:hover{color:#FFFFFF;}


.blackTab2{width: 955px;height: auto;background: #F5F5F5;margin:0 auto 20px auto;position: relative;}
.btdiv2{max-height: 65px;position: absolute;top: 0;width: 955px;background: #F5F5F5;transition: all 0.5s;overflow: hidden;z-index:1000;}
.btabdiv2 ul{flex-wrap: wrap;align-items: center;overflow: hidden;position: relative;}
.btabdiv2 ul li{height: 25px;margin:0 0 23px 0;line-height: 18px;}
.btabdiv2{overflow: hidden;position: relative;padding:23px 0 0 0;width: 100%;transition: all 0.5s;}
.btabdiv2.active{transition: all 0.5s;max-height: 260px;height: auto;}
.blackTab2 a{font-size: 16px;font-weight: 400;color: #333333;margin:0 16px 21px 16px;}
.blackTab2 .web3{color:#FC3930; }
.heightA2{color:#FC3930 !important;}
.showCheck2 ,.notshowCheckli2{bottom:0;  position: absolute;left: 50%}
.notshowCheckli2{height: 15px !important;margin-bottom: 0 !important; }
/* tab end */
/* content  */
.flAlllink ul{    flex-wrap: wrap;}
.flAlllink a,.flAlllink a:hover{color: #333333;font-weight: 400;text-decoration: none;}
.flAlllink li{    margin: 0 12px 10px 12px;}
.flTitle{align-items: center;margin:0 16px 28px 16px;padding:25px 0 0 0;}
.flqq{font-size: 14px;color: #999999;}
.fllink{font-size: 22px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;}
.friendLink{width: 1382px;height: 145px;background: #FFFFFF; margin:20px auto 0 auto;}

.hots{width: 985px;height: 450px;background: #FFFFFF;margin:0 0 30px 0;}

.content{margin: 90px auto 60px auto;width: 1380px;}
.hotlclimg{width: 330px;height: 200px;border-radius: 5px;}
.hotstt{font-size: 22px;font-weight: bold;color: #333333;margin:18px 0 0 0;}
.hotlcleft {margin:0 25px 21px 15px ;}
.hotlcltitle{width: 331px;height: 43px;font-size: 16px;font-weight: bold;color: #333333;margin: 25px 0 24px 0;line-height: 23px;overflow:hidden;}
.hotlclcon{width: 323px;height: 75px;font-size: 14px;font-weight: 400;color: #999999;line-height: 27px;overflow: hidden;}
.hotlcrt{width: 275px;font-size: 16px;font-weight: 400;color:  #333333;margin:0 0 12px 0;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.hotlcrc{font-size: 14px;width: 275px;font-weight: 400;color: #999999 !important;word-break: normal; height: 18px;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.hotlcrli{margin:0 0 28px 0;}
.hotlTitle b{  width: 30px;height: 24px;}
.hotsLeft{margin:0 30px 0 0;}
.hotsrtitle {margin:0 0 22px 0 ;}
.hotsrul .hotlcrt{width: 281px;}
.qsLeft{width: 478px;height: 340px;background: #FFFFFF;}
.qslTitle {justify-content: center;font-size: 22px;font-weight: bold;color: #333333;align-items: center;margin:0 0 28px 0;padding:20px 0 0 0;}
.qslspanb{color:#FC3930}
.qsllspan{font-size: 18px;font-weight: bold;color: #333333;}
.qslList ul{margin:26px 0 0 0;}
.qslList{margin:0 16px 0 15px;}
.qsllli span{width: 420px;font-weight: 400;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.qsllli{justify-content: space-between;align-items: center;margin:0  0 20px 0 ;}
.qslllia{justify-content: space-between;align-items: center;width: 100%;}
.questionAsearch{margin:0 0 30px 0;}
.qslSearch{width: 447px;height: 45px;border: 1px solid #EEEEEE;border-radius: 5px;margin:0 15px;}
.sqlsBtn{width: auto;height: 43px;background: #FC3930;border-radius: 0px 5px 5px 0px;margin: 1px;font-size: 16px;color: #FFFFFF;    justify-content: center;align-items: center;cursor: pointer;}
.aisearch{outline:none;border:none;width: 371px;padding:15px 14px;}
.qsRight{width: 478px;height: 340px;background: #FFFFFF;margin:0 0 0 30px;}
.qsRight .layui-tab-title{border-bottom-style:none;}
.qsRight .layui-tab-title .layui-this:after{border-style:none;border-bottom-color:#FC3930;border-bottom-style:solid;border-width:4px;width:60%;align-items: center;    margin: 0 0 0 21%;}
.qsRight .layui-tab-title li{font-size: 18px;color:#333333;font-weight: 400;width:auto;}
.qsRight .layui-tab-title .layui-this{color: #FC3930;font-size: 22px;font-weight: bold;}
.qsRight .layui-tab-bar{display: none;}
.qsRight .swiper5 {overflow:hidden;height:330px;}
.laytabdiv{justify-content: center;align-items: center;}
.qrtctitle {align-items: center;font-size: 20px;font-weight: bold;color: #333333;;}
.qrbjcon{font-size: 14px;font-weight: 400;color: #999999;margin:14px 0 29px 0;}
.qrtcsbtn{width: 447px;height: 45px;border: 1px solid #EEEEEE;border-radius: 5px;margin:0 0 29px 0;}
.cdsearch{color:#FC3930 !important; outline: none;border: 1px solid #EEEEEE;width: 370px;padding: 15px 14px;font-size: 14px;font-weight: 400;color: #999999;}
.hotsearch{font-size: 16px;font-weight: 400;color: #333333;width: 88px;min-width: 88px;float:left;}
.hotslabels{border: 1px solid #EEEEEE;border-radius: 5px;margin:0 15px 15px 0;padding:7px 13px 6px 10px;
  font-size: 14px;color: #999999;display: flex;align-items: center;justify-content: center;cursor: pointer;
}
.hotslabelsdiv{flex-wrap: wrap;height: 90px;float: right;    width: 360px;overflow: hidden;}
.qrtcslabels {margin:0 5px;}
.lc-title {width: 267px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 18px;
  font-weight: bold;color: #333333;line-height: 27px;margin: 19px 0 30px 16px;word-break: break-all;text-decoration: none;
}
.lc-allmoney {font-size: 16px;color: #999999;text-decoration: line-through;margin: 10px 0 17px 16px;}
.lc-packmoney {font-size: 16px;font-weight: bold;color: #FC3930;margin: 0 0 22px 16px;}
.lc-save {margin: 0 0 25px 16px;}
.lc-enter {margin: 0 0 0 16px;font-size: 18px;font-weight: bold;color: #FFFFFF;width: 275px;height: 48px;background: #FC3930;
  border-radius: 5px; border: none;display: flex;align-items: center;justify-content: center;cursor: pointer;
}
.lc-enter:hover{color: #FFFFFF;}
.lc-save span:nth-child(1) {padding: 10px 7px 9px 10px;width: 49px;color: #FFFFFF;font-size: 16px;height: 35px;background: #292929;border-radius: 5px 0px 0px 5px;}
.lc-save span:nth-child(2) {padding: 11px 21px 9px 13px;width: 160px;height: 35px;background: #F7F8FA;border-radius: 5px;}
.lcri-title {color: #999999;margin: 0 0 14px 0;}
.circles {width: 5px;height: 5px;background: #DEDEDE;border-radius: 50%;display: block;margin: 9px 10px;}
.lcriSwiper .swiper-wrapper {width: 622px;}
.lcriSwiper .swiper-button-prev {background: none;left: 0; top: 45%;}
.lcriSwiper .swiper-button-next {background: none;right: 0;top: 45%;}
.teacherSwiper .swiper-button-prev{position: absolute;background: none;left: 0;top: 45%;    margin-top: -22px;}
.teacherSwiper .swiper-button-next{position: absolute;background: none;right: 0;top: 45%;    margin-top: -22px;}
.teacherSwiper .swiper-div{margin:0;}
.swiper-div {margin-right: 24px;}
.lcriLiimg {width: 191px;height: 116px;}
.lcrilidMoney ,.lcrilidSpan:hover,.dltreTitle a:nth-child(1):hover{color: #FC3930;}
.lcrilidSpan { margin: 12px 0; height: 38px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 187px;color: #333333;word-break: break-all;
}

.lcl-titles{margin:0 0 0 17px; width: 272px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 46px;font-size: 16px;font-weight: 400;color: #333333;}
.studyVideo{width: 987px;height: 335px;background: #FFFFFF;margin:0 0 30px 0;}
.lc-middle {width: 1px;height: 233px;background: #F4F4F4;margin: 0 33px 23px 28px;}
.vfli{width: 225px;height: 310px;background: #FFFFFF;margin:0 29px 0 0;}
.vfli span a img {width: 225px;height: 145px;}
.vfli dl {    padding: 0 15px 0 17px;width: 192px;margin: auto;}
.vfli dl dt {margin-top: 16px;height: 45px;overflow: hidden;line-height: 25px;}
.vfli dl dt i.bg1 {background: #E0E8FC;color: #298AFD;}
.vfli dl dt i {display: block;float: left;width: 28px;height: 16px;line-height: 16px;overflow: hidden;text-align: center;font-style: normal;
  font-size: 11px;color: #ffffff;margin-right: 10px;margin-top: 3px;border-radius: 2px;padding: 2px 4px;
}
.vfli dl dd a,.vfli dl dd a:hover,.vfli dl dt a,.vfli dl dt a:hover {text-decoration: none;}
.vfli dl dd {margin-top: 9px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.vfli dl dd p {float: left;width: 110px;height: 16px;line-height: 16px;overflow: hidden;font-size: 12px;color: #b7b7b7;}
.vfli dl dd em a {display: block;float: right;font-size: 12px;color: #b7b7b7;text-decoration: none;}
.vfli dl dd em.phpshouchang a b {background-position: -95px -65px;}
.vfli dl dt i.bg3 {background: #FCF3E0;color: #FB6401;}
.vfli dl dt i.bg2 {background: #FCE7E0;color: #FD4029;}
.vflddiv{max-width: 178px;height: 18px;border: 1px solid #FC3930;border-radius: 2px;font-size: 12px;color: #FC3930;padding: 0 6px;margin:0 0 10px 0;}
.vfldd1{justify-content: space-between;align-items: center;cursor: pointer;margin:20px 0 0 0;}
.vfldds1{font-size: 16px;font-weight: 400;color: #FC3930;}
.vfldds2{font-size: 14px;font-weight: 400;color: #999999;}
.vfldds3{font-size: 12px;font-weight: 400;color: #875903;padding:7px 9px 5px 8px;background: linear-gradient(99deg, #FEF1D3 0%, #FCEABF 100%);border-radius: 5px;}
.freesdd{padding: 28px 0 0 0;}
.vipFree {margin:0 0 30px 0;}
.allAlist{width: 986px;height: auto; background: #FFFFFF;position: relative;}
.allAlist .layui-tab-title{border-bottom-style:none;padding:20px 0 0 0 ;height:45px;}
.allAlist .layui-tab-title .layui-this:after{border-style:none;border-bottom-style:solid;
  border-width:4px;align-items: center;
}
.swiper2 {overflow: hidden;}
.allAlist .layui-tab-title .layui-this span{border-bottom: 4px solid #FC3930;padding: 0 0 9px 0;}
.hotshot span{border-bottom:none !important;padding: 0 0 0 0  !important;}
.allAlist .layui-tab-title li{font-size: 18px;color:#333333;font-weight: 400;min-width:auto !important;width:auto;}
.allAlist .layui-tab-title .layui-this{color: #FC3930;font-size: 22px;font-weight: bold;}
.zthots{position: relative;}
.hotshot{position: absolute;width: 25px;height: 15px;background: #FC3930;border-radius: 8px;font-size: 12px;color: #FFFFFF;    top: 0;
  right: 7px;display: flex;text-align: center;align-items: center;justify-content: center;
}
.tealdimg{width: 64px;height: 64px;border-radius: 50%;margin:0 0 16px 0;}
.allAlist .layui-tab-item{margin:85px 0 0 0;}
.allAlist .layui-tab-content{height: auto !important;}
.teald {margin:0 44px 0 0 ;align-items: center;text-align: center;}
.teald  span{width: 80px;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.teacherList {margin:0 10px;width: auto;max-width:950px; overflow: hidden;}
.cldaimg{width: 215px;height: 120px;margin:0 19px 0 0;font-size: 16px;color: #333333;}
.clddCon{width: 718px;height: 36px;font-size: 14px;font-weight: 400;color: #999999;margin:24px 0 25px 0;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height:20px;
}
.conList {margin:29px 0 23px 5px;}
.clddTitle{font-size: 16px;color: #333333;}
.cldtitDiv{justify-content: space-between;}
.conList .clddTitle{width: 547px;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.likesDiv{margin:0 0 0 5px;}
.clddDown{font-size: 12px;font-weight: 400;color: #999999;justify-content: space-between;}
.cldddLabels{    height: auto;display: flex;flex-direction: row;flex-wrap: wrap;}
.clddls{padding:7px 11px 7px 12px;background: #F5F5F5;border-radius: 5px;margin:0 0 3px 11px;font-size: 12px;font-weight: 400;color: #999999;}
.clDiv{border-bottom: 1px solid #EEEEEE;padding:0 0 26px 0;margin:24px 0 0 0;}
.clDivmore{cursor: pointer; width: 955px;height: 39px;background: #FBF0EF;border-radius: 5px;font-size: 16px;color: #FC3930;justify-content: center;align-items: center;}

.phpSubnav{right: 0;top: 23px;width: 80px;text-align: center; padding:0;background: #ffffff;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);position: absolute;display: none;z-index: 10;border-radius: 6px;
}

.others .phpSubnav{width:auto;padding:0 10px;}
.newindex3 .others .phpSubnav{width:80px;}
.phpSubnav a {display: block;width: auto;height: 35px;color: #333333;text-decoration: none;line-height: 35px;overflow: hidden; font-size: 14px;}
.phpSubnav a:hover{color:#FC3930 ;}
.ylwTopSub1 {position: absolute;top: 22px;width: 142px;
  height: 147px;
  background: #ffffff;
  left: 0;
  border-radius: 12px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);
  z-index: 10;
}
.phpSubnav1 img {
  width: 100px;
  height: 100px;
  margin: 15px 0px 0px 20px;
}
.phpSubnav1 p {
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 10px;
  text-align: center;
}
.phpSubnav1 p em {
  font-weight: bold;
  color: #fc3930;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0 !important}




.likes b{
  width: 16px;height: 15px;margin:0 4px 0 0 ;
  background: url(../lhimages/icon54.png) no-repeat;
}
.commentNums b{
  width: 16px;height: 16px;margin:0 4px 0 0 ;
  background: url(../lhimages/icon70.png) no-repeat;
}

.flTitle b{
  width: 28px;height: 24px;margin:0 8px 0 0 ;
  background: url(../lhimages/icon24.png) no-repeat ;
  background: image-set(url(../lhimages/icon24.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon24.png)) no-repeat;
}

.hotsltitle b{margin:20px 13px 24px 15px ;
  background: url(../lhimages/icon25.png) no-repeat ;
  background: image-set(url(../lhimages/icon25.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon25.png)) no-repeat;
}
.hotsrtitle b{    margin: 20px 11px 0 0;
  background: url(../lhimages/icon26.png) no-repeat ;
  background: image-set(url(../lhimages/icon26.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon26.png)) no-repeat;
}
.qsltB{width: 27px;height: 24px;margin:0 9px 0 0 ;
  background: url(../lhimages/icon27.png) no-repeat ;
  background: image-set(url(../lhimages/icon27.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon27.png)) no-repeat;
}
.qsllli b{width: 15px;height: 9px;
  background: url(../lhimages/icon28.png) no-repeat ;
  background: image-set(url(../lhimages/icon28.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon28.png)) no-repeat;
}
.lc-title b{
  width: 28px;height: 24px;margin:0 7px 0 0;
  background: url(../lhimages/icon29.png) no-repeat ;
  background: image-set(url(../lhimages/icon29.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon29.png)) no-repeat;
}

.vfli dl dd em a b {
  display: block;
  width: 11px;
  height: 11px;
  background: url(../images/bg1.png) no-repeat -80px -65px;
  background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px;
  background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px;
  float: left;
  margin: 3px 5px 0px 0px;
}
.clDivmore b{width: 7px;height: 13px;margin:1px 0 0 8px ;
  background: url(../lhimages/icon47.png) no-repeat ;
  background: image-set(url(../lhimages/icon47.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon47.png)) no-repeat;
}
.wdMoreDiv b{
  width: 7px;height: 13px;margin:2px 0 0 12px ;
  background: url(../lhimages/icon47.png) no-repeat ;
  background: image-set(url(../lhimages/icon47.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon47.png)) no-repeat;
}
/* content end */

/* right  */
.crightTop{width: 365px;height: auto !important;background: #FFFFFF;margin-bottom: 30px;    padding-bottom: 1px;}
.crtmImg{width: 60px;height: 60px;border-radius: 50%;margin:0 18px 0 0 ;}
.nameDiv a:nth-child(1){margin:0 0 13px 0;}
.crtMy{margin:0 15px 23px 15px;padding:25px 0 0 0;}
.logindiv1{width: 336px;height: 40px;background: #F6F6F6;border-radius: 5px;justify-content: center;align-items: center;margin:0 14px 32px 15px;cursor: pointer;border:none;}
.VIPzx{margin:0 0 27px 14px;}
.viplbdiv{align-items: center;text-align: center;}
.viplbimg{width: 65px;height: 65px;margin:0 0 21px 0;}
.viplbdiv span{width: 64px;height: 40px;}
.vipalllb {margin:0 30px 21px 15px;    justify-content: space-between;}
.lqnow{width: 335px;height: 45px;background: #FC3930;border-radius: 5px;align-items: center;justify-content: center;border: none;margin:0 14px 22px 15px;}
.vipTimes a:hover{color: #C47E03;}

.vipTimes{width: 138px;height: 25px;background: #FDE5BA;border-radius: 5px;align-items: center;justify-content: center;color: #C47E03;}
.mycAoa{width: 158px;height: 39px;background: #F6F6F6;border: 1px solid #EEEEEE;border-radius: 5px;align-items: center;justify-content: center;margin-bottom: 14px;}
.myclassAo{flex-wrap: wrap;margin:0 15px 0 15px;}
.myclassAo a:nth-child(2n+1){margin:0 15px 0 0;}
.myclassAo a:hover{color:#333333}
.nologinAbuy{height: 450px;}
.checkmycao{background: #FC3930;border: 1px solid #FC3930;color: #FFFFFF !important;}
.lognobuy{height: 455px;}
.lognobuy .VIPzx{margin-bottom: 17px;}
.lognobuy .viplbimg{margin-bottom: 13px;}
.lognobuy .vipalllb{margin-bottom: 14px;}
.lognobuy .crtMy{padding-top: 20px;}
.overTimevip{height: auto;padding-bottom:10px;}
.overTimevip .lqnow {margin-top: 20px;}
.logAbuy .vipTimes{color: #ACACAC;background: #F6F6F6;border:1px solid #F6F6F6;width: 80px;;}
.logAbuy{margin:0 0 30px 0 ;}
.logAbuy .crtMy{padding-top: 23px;margin-bottom: 20px;}
.logAbuy .VIPzx{margin:12px 0 18px 14px;}
.vipalllb .vipalspan img{width: 157px;height: 90px;}
.vipalllb .vfli dl dt{margin-top: 12px;}
.vipalllb .vfli{width: 157px;}
.vipalllb .vfli dl{width: 157px; padding:0 !important;}
.vipalllb .vfli dl dt{width: 157px;}
.vipalllb .vfli{height: auto;margin:0 20px 0 0;}
.vipalllb .vfli dl dd p{width: 90px;}
.logAbuy .vipalllb{margin:0 16px;}
.readCharts{width: 365px;background: #FFFFFF;margin:30px 0;padding:0 0  3px 0;}
.readCharts .rcLi a:nth-child(2){width: 280px;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.rcTitle {padding:20px 0 0 0;margin:0 14px 22px 14px;align-items: center;}
.rcUl{margin:0 30px 10px 14px;padding:0 0 5px 0;}
.rcLi{margin:0 0 18px 0;align-items: center;}
.rcLi a:hover{color:#FC3930;}
.readA{    min-width: 200px;width: 200px;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.rcreadDiv{justify-content: space-between;width: 100%;}


.vipSelect{width: 365px;background: #FFFFFF;}
.vipstleft{align-items: center;justify-content: center;}
.vipsTitle{padding:20px 0 0 0;margin:0 14px 22px 15px;justify-content: space-between;align-items: center;}
.vipsliImg{width: 160px;height: 90px;border-radius: 5px;margin:0 15px 0 0;}
.vipsLi{margin:0 16px 22px 14px ;}
.vsldA{width: 160px;height: 40px;overflow: hidden;margin:0 0 30px 0;}
.vsliDiv dl dd,.vsliDiv dl dd em a{font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #B7B7B7;}
.vsliDiv dl dd{justify-content: space-between;}
.vipSelect ul{padding: 0 0 1px 0;}
.shopCode{width: 365px;height: 370px;background: #FFFFFF;margin:30px 0;}
.shopctleft{align-items: center;justify-content: center;}
.shopctleft span{max-width: 260px;width:260px;}
.shopcTitle{align-items: center;justify-content: space-between;padding:18px 0 0 0;margin:0 14px 22px 15px;}
.shopcLi{align-items: center;}
.shopcLi a{max-width: 160px;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.shopcUl{flex-wrap: wrap;margin:0 15px 1px 14px;padding:0 0 20px 0;}
.shopcImg{width: 160px;height: 100px;border-radius: 5px;margin:0 0 13px 0;}
.shopcUl li:nth-child(2n+1){margin-right: 16px;}
.shopcUl li:nth-child(-n+2){margin-bottom: 22px;}
.downRank{width: 365px;background: #FFFFFF;}
.downrTitle{justify-content: space-between;margin:0 14px 30px 15px;padding:21px 0 0 0;align-items: center;}
.downrtleft {align-items: center;}
.downrliImg{width: 66px;height: auto;margin:0 14px 0 0 ;}
.downrdes{width: 140px;white-space: nowrap;
  overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.downrDleft{width: 220px;align-items: center;}
.downrDiv{justify-content: space-between;align-items: center;width: 305px;min-width: 305px;}
.downrDown{font-size: 12px;}
.downrdeslang{width: 220px;}
.wdLikes{align-items: center;}
.wdlikesnum,.wdansnum,.wdadnum{margin: 4px 0 0 0;}
.wdansnum{color:#FC3930;}
.wdDiv{width: 130px;height: 37px;border: 1px solid #EEEEEE;border-radius: 5px;    align-items: center;justify-content: center;}
.wdDiv:nth-child(2){border: 1px solid #FC3930;}
.wdDiv:nth-child(1),.wdDiv:nth-child(2){margin:0 0 10px 0;}
.wdRight{margin:0 0 22px 21px ;padding:0 0 0 0;}
.wdrCon,.wdrTitle{width: 805px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.wdrCon{margin:29px 0 24px 0;}
.twImg{width: 30px;height: 30px;border-radius: 50%;margin:0 11px 0 0;}
.wdotLabels ,.wdotMy ,.twA{align-items: center;}
.wdrOther {justify-content: space-between;}
.twName{margin:0 19px 0 0;}
.wdtws b{margin:0 3px;font-weight: 400 !important;}
.wdtws b:nth-child(1){padding: 3px 0 0 0;}
.wdtws b:nth-child(2){margin: 3px 12px 0 12px;}
.wdrTitle{padding: 8px 0 0 0;width: 720px;}
.wdlabelss{background: #F7F8FA;border-radius: 5px;padding:9px 15px;margin:0 10px 0 0;}
.wdLi{border-bottom: 1px solid #EEEEEE;margin:0 0 21px 5px;}
.wdMoreDiv:hover{color: #FC3930;}
.dloDiv{width: 300px;height: 415px;border: 1px solid #EEEEEE;border-radius: 5px;}
.dloDiv:nth-child(2){margin:0 27px 0 28px;}
.dlodImg{width: 300px;height: 180px;border-radius: 5px 5px 0px 0px;}
.dlodTitle span{width: 43px;height: 25px;background: linear-gradient(-270deg, #FF5C49 0%, #F81816 100%);border-radius: 5px;align-items: center;justify-content: center;display: flex;}
.dlodTitle a{width: 224px;margin:0 0 0 10px;word-break: normal;height: 20px;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.dlodTitle {margin:16px 27px 17px 16px;}
.dlodCon{width: 245px;height: 62px;background: #F7F8FA;border-radius: 5px;padding:11px 11px 10px 12px;margin: 0 16px 20px 16px;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.dlodCon a{width: 245px;height: 60px;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.downlOne{margin:0 6px;}
.dlodMoney span:nth-child(1){color: #FC3930;margin:0 14px 0 0;}
.dlodMoney span:nth-child(2){text-decoration:line-through;}
.dlodMoney,.dlodTimes{margin:0 16px;}
.dlodTimes{justify-content: space-between;}
.dlodMoney{margin-bottom: 18px;}
.dlodTimes div{align-items: center;font-size: 12px;}
.dlodZx{background: linear-gradient(-270deg, #FC911F 0%, #F76612 100%) !important;}
.dlodTj{background: linear-gradient(-270deg, #1F92FC 0%, #1283F7 100%) !important;}
.downmoreDiv{margin:26px 10px 34px 6px;width: 960px;}
.dtlImg{width: 73px;height: 72px;border-radius: 15px;margin:15px 15px 0 13px;}
.downtLi{width: 300px;height: 105px;border: 1px solid #EEEEEE;border-radius: 5px;margin-bottom: 26px;}
.dtlTitle a:nth-child(1){width: 181px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.dtlTitle a:nth-child(2){width: 188px;margin:13px 0 0 ;
  height: 36px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: normal;
}
.dtlTitle{margin:18px 0 0 ;}
.downlTwo ul{flex-wrap: wrap;}
.downtLi:nth-child(3n+2){margin:0 26px 0 28px;}
.downtowmore{margin:0 0 35px 0;}
.dltreLi{width: 218px;height: 312px;background: #FFFFFF;border: 1px solid #EEEEEE;border-radius: 5px;}
.dltreLi:nth-child(2){margin:0 28px 0 27px}
.dltreLi:nth-child(3){margin:0 28px 0 0}
.dltreImg{width: 218px;height: 140px;border-radius: 5px 5px 0px 0px;}
.dltreTitle a:nth-child(1){width: 180px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.dltreTitle a:nth-child(2){width: 190px;margin:13px 0 0 ;
  height: 36px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: normal;
}
.dltreTitle {margin: 14px 15px 13px 13px;}
.dltreSpan{color: #F11717;padding:7px 11px 5px 11px;background: #FDF4F4;border-radius: 5px;max-width: 86px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: normal;
  overflow: hidden;max-height: 29px;}
.dltretimes{margin:0 15px 10px 13px;justify-content: space-between;}
.dltreTdiv{align-items: center;}
.dtreDown{width: 218px;height: 35px;background: #F6F6F6;border-radius: 0px 0px 5px 5px;justify-content: space-between;align-items: center;}
.dltreDDiv1{margin:0 0 0 11px}
.dltreDDiv2{margin:0 13px 0 0}
.downtremore{margin:28px 0 36px 0;width: 960px;}
.downfoLi{width: 461px;height: 130px;border: 1px solid #EEEEEE;border-radius: 5px;margin:0 0 29px 0;}
.downfoLi:nth-child(2n+1){margin-right: 31px;}
.downfoDOne{margin:20px 15px 17px 17px;align-items: center;}
.downfoLbel{padding:5px 10px 5px 8px; background: #FDF4F4;border-radius: 5px;color: #F11717 !important;margin:0 0 0 14px;white-space: nowrap;}
.downfodTwoTitle{margin:0 15px 18px 16px;width: 430px;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;
}
.downfoDown {margin:0 15px;}
.downfoDiv1 ,.downfoDiv2{margin:0 26px 0 0;}
.downfoUl{flex-wrap: wrap;}
.downfourmore{margin-bottom: 36px;width: 960px;}
.downfivemore{margin:29px 0 13px 0;width: 960px;}
.zxMores{margin:26px 0 0 0;width: 965px !important;}
.zxMores:hover{color: #FC3930;}
.laytabZx .clddCon{width: 730px;}
.bcscLi{width: 298px;height: 145px;background: #FFFFFF;border: 1px solid #EEEEEE;border-radius: 5px;margin:0 0 29px 0;}
.bcscLi:nth-child(3n+2){margin:0 26px 0 28px;}
.bcscImg{width: 73px;height: 72px;border-radius: 15px;margin:15px 15px 0 13px;}
.bcscCon{margin:8px 0 13px 0;width: 174px;height: 36px;line-height: 18px;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: normal;
}
.bcscTitle{margin:16px 0 0 0;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;
}
.bcscAlls{margin:0 0 10px 0;}
.bcscAlls b,.bcscNewsc b{color:#F11717}
.bcscNewsc a,.bcscNewsc a:hover{color:#F11717;font-weight: bold;}
.bcscNewsc{width: 174px;overflow: hidden;height: 18px;}
.laytabSc .bcscNewsc{   overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;
  line-height: 17px;
}
.bcscUl {margin:0 6px;flex-wrap: wrap;}
.bcscMorea{margin:-4px 0 16px 0;}
.clddDownzt{justify-content:space-between;}
.ztwatchs{margin:0 3px 0 0;}
.ztwatchs,.clddTimezt{align-items: center;}
.clddTimezt{margin:0 50px 0 20px;}
.ztmoreDiv{margin-bottom: 6px;}
.laytabZt  .conList{margin-bottom: 10px;}
.gzDiv{width: 220px;height: 250px;background: #F7F8FA;}
.gzdivImg{width: 220px;height: 145px;}
.gzDiv dl{width: 184px;margin:0 18px ;}
.gzDiv dl dt i {display: block;float: left;width: 28px;height: 16px;line-height: 16px;overflow: hidden;text-align: center;font-style: normal;
  font-size: 11px;color: #ffffff;margin-right: 10px;margin-top: 3px;border-radius: 2px;padding: 2px 4px;
}
.gzDiv dl dt {margin: 16px 0 12px 0;height: 45px;overflow: hidden;line-height: 25px;}
.gzDiv dl dt i.bg1 {background: #E0E8FC;color: #298AFD;}
.gzDiv dl dt i.bg2 {background: #FCE7E0;color: #FD4029;}
.gzDiv dl dt i.bg3 {background: #FCF3E0;color: #FB6401;}
.gzDiv dl dd p {float: left;width: 110px;height: 16px;line-height: 16px;overflow: hidden;font-size: 12px;color: #b7b7b7;}
.gzDiv dl dd em a {display: block;float: right;font-size: 12px;color: #b7b7b7;text-decoration: none;}
.gzDiv dl dd em.phpshouchang a b {background-position: -95px -65px;}
.gzDiv:nth-child(2){margin:0 25px}
.gzDiv:nth-child(3){margin:0 25px 0 0;}
.gzGz{margin:28px 0 0 6px;}
.gzmoreClass{margin: 23px 0 0 6px;}
.followImg{width: 50px;height: 50px;border-radius: 50%;margin:0 21px 0 0;}
.gzUl{margin:0 18px 0 16px;}
.followdAt,.followdACon{width: 880px;}
.followdAt{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;}
.followdACon{margin:18px 0 20px 0; color: #666666; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: normal;}
.followdDown {justify-content: space-between;}
.followddoD {align-items: center;}
.followddoD2{margin:0 21px ;}
.gzLi{border-bottom: 1px solid #EEEEEE;padding:0 0 24px 0;margin:0 0 24px 0;}

.dictionary{width: 215px;height: 77px;background: #F7F8FA;border-radius: 5px;}
.dictImg{width: 45px;height: 45px;border-radius: 50%;margin:18px 14px 0 13px;}
.dectDiv{margin:16px 16px 0 0}
.dectDiv a:nth-child(1){margin:0 0 2px -7px;height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dectDiv a:nth-child(2){width: 127px;height: 31px;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: normal;
}
.qrtuserDiv{justify-content: space-between;margin:0 0 13px 0;}
.qrtuser {margin:7px 5px 0 5px;}
.qrtassA{color: #FFFFFF }
.qrtassign {padding:5px 0 0 0;height: 265px;overflow: hidden;}
.qrtassign ul li{background: #F7F8FA;margin:0 16px 14px 0;padding: 12px 17px 11px 20px;border-radius: 20px;}
.qrtassign ul{flex-wrap: wrap;}
.checkqrtA{background: #FC3930 !important;color: #FFFFFF }
.checkqrtA a{color:#FFFFFF;}
.checkqrtA a:hover{color:#FFFFFF;}
.vsliDiv dl dd em.phpshouchang a b {
  background-position: -95px -65px;
}
.vsldA:hover,.shopcLi:hover,.downrdes:hover{color:#FC3930;}
.downfoTitle{width: 330px;
  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: normal;
}
.adverts{margin:0 0 30px 0;}
.leftgg{width: 985px;background:#999999;margin:0  30px 0 0;}
.rightgg{width: 365px;}
.rightgg img{width: 365px;}

.jpXszkCont{ width: 220px; height: 290px; background: #ffffff; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.06); border-radius: 8px; float: left; position: relative; margin: 20px 0px 0px 28.5px;}
.jpXszkCont:nth-child(5n+1){ margin-left:0px;}

.newindex3 .jpXszkCont{     margin: 20px 0px 0px 20px !important;}
.jpXszkCont a img{ width: 220px; height: 134px; border-radius: 8px 8px 0px 0px;}
.jpXszkCont a .nofollow{width: 12px;height: 12px;}
.jpXszkCont dl{ width: 197px; margin: auto; margin-top:15px;}
.jpXszkCont dl dt{ line-height: 22px; overflow: hidden; height: 40px;}
.jpXszkCont dl dt a:hover{text-decoration: none;}
.jpXszkCont dl dt span{ display: block; height: 20px; background: #FCE7E0; padding: 0px 5px; border-radius: 2px; float: left; font-size: 12px; line-height: 20px; margin: 0px 5px 0px 0px;} 
.jpXszkCont dl dt span.bg1{ background: #E0E8FC; color: #298AFD;}
.jpXszkCont dl dt span.bg2{ background: #FCE7E0; color: #FD4029;}
.jpXszkCont dl dt span.bg3{ background: #FCF3E0; color: #FB6401;}
.jpXszkCont dl dd.cont1{ margin-top:12px;display: flex;flex-direction: row;justify-content: space-between;}
.jpXszkCont dl dd.cont1 p{display: flex; float: left; width:70px; height: auto; line-height: 16px; overflow: hidden; font-size: 12px; color: #93999F;align-items: center;}

/* .jpXszkCont dl dd.cont1 span{ display: block; float: right; width: 80px; font-size: 12px; color: #93999F; display: flex; justify-content: flex-end; height: 16px; line-height: 16px; overflow: hidden;} */
.jpXszkCont dl dd.cont1 span a{ display: block; color: #93999F; text-decoration: none;}

.jpXszkCont dl dd.cont1 span a b.icon1{ background-position: -80px -65px; }
.jpXszkCont dl dd.cont1 span a b.icon2{ background-position: -95px -65px; }
.jpXszkCont dl dd.cont2{ height: 18px; border-radius: 3px; border: 1px solid #FD4029; box-sizing: border-box; line-height: 16px; overflow: hidden; max-width: 187px; display:inline-block; font-size: 10px; color: #FD4029; padding: 0px 5px; margin-top:5px;}
.jpXszkCont dl dd.cont3{ height: 20px; overflow: hidden; position:absolute; left: 15px; bottom:20px; width: 192px;}
.jpXszkCont dl dd.cont3 span{ display: block;}
.jpXszkCont dl dd.cont3 span.left{ float: left;}
.jpXszkCont dl dd.cont3 span.left em{ font-size: 16px; color: #FD432C; display: block; float: left; margin-right:5px;}
.jpXszkCont dl dd.cont3 span.left i{ display: block; float: left; font-size: 12px; color: #93999F; font-style:normal; margin-top:4px; text-decoration: line-through;}
.jpXszkCont dl dd.cont3 span.right1{ float:right; width: 60px; height: 20px;}
.jpXszkCont dl dd.cont3 span.right1 em{ display: block; width: 60px; height: 20px; background: #FCEAC0; border-radius: 2px; font-size: 12px; color: #633B00; line-height: 20px; text-align: center; overflow: hidden;} 
.jpXszkCont dl dd.cont3 span.right2{ float: right;}   
.jpXszkCont dl dd.cont3 span.right2 em{ display: block; float: left; width: 31px; height: 20px; background: #585858; border-radius: 2px 0px 0px 2px; color: #FCEAC0; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center;}
.jpXszkCont dl dd.cont3 span.right2 i{ display: block; float: left; height: 20px; background: #FCEAC0; border-radius: 0px 2px 2px 0px; color: #633B00; font-size: 12px; padding: 0px 5px; font-style: normal; line-height: 20px;}
.jpXszkCont dl dd.cont4{ width: 78px; height: 25px; background: #FD4029; border-radius: 0px 8px 0px 6px; line-height: 25px; overflow: hidden; text-align: center; color: #ffffff; position:absolute;  right: 0px; top: 0px;}
.jpXszkCont dl dd.cont1 em a{display: block;float: right;font-size: 12px;color: #b7b7b7;text-decoration: none;font-size: 13px;}
.kclb .jpXszkCont dl dd.cont3{left: 30px;}


.courseICollection{display: flex;flex-direction: row;}
.laytabKc .scwz{margin: 0 10px 0 0;}
.scwz{ text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.jpXszkCont dl dd.cont1 em.scem a{margin-left:10px;display: flex;align-items: center;}
/* .jpXszkCont dl dd.cont1 em.phpshouchang a{width: 65px;margin:0;} */

.kclb .kclbcollectb{background: url(../lhimages/icon53.png) repeat; background-size: cover;width: 16px; height: 10px; margin: 1px 3px 0px 3px; }
.kclbcollectb{background: url(../lhimages/icon53.png) repeat; background-size: cover;width: 16px; height: 10px; margin: 1px 3px 0px 3px; }





.laytabWd .scem .sc b{  margin: 4px 5px 0px 0px; }
.scem .sc b{ display: block; float: left;   background: url(../images/bg1.png) no-repeat -80px -65px;
  background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px;
  background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px; width: 11px; height: 11px; margin: 2px 5px 0px 0px;
}
.scem.phpshouchang .sc b {
  background-position: -95px -65px;
}
.dzem.phpdianzan a{min-width: 42px;}

.dzAsc{align-items: center;}
.dzem{margin:0 0 0 3px;}
.dzem a{display: flex;width: 42px;}
.dzem .dz b{ background: url(../images/images/icon37.png) repeat; background-size: cover;
  width: 9px; height: 11px; margin: 1px 3px 0px 0px;
}
.dzem.phpdianzan .dz b {
  background: url(../images/images/icon38.png) repeat;
  background-size: cover;
}
.jpXszkCont dl dd.cont1 em.phpdianzan .dz b {
  background: url(../images/images/icon38.png) repeat;
  background-size: cover;
}
.jpXszkCont dl dd.cont1 em .dz b{  background: url(../images/images/icon37.png) repeat; background-size: cover;
   width: 9px; height: 11px; margin: 1px 3px 0px 0px;
}
.newindex3 .jpXszkCont dl dd.cont1 em .dz b{  background: url(../images/images/icon37.png) repeat; background-size: cover;
  width: 15px; height: 18px; margin: -3px 3px 0px 0px;
}
.jpXszkCont dl dd.cont1 em.phpshouchang .sc b {
  background-position: -95px -65px;
}
.jpXszkCont dl dd.cont1 em .sc b{ display: block; float: left;   background: url(../images/bg1.png) no-repeat -80px -65px;}

.jpXszkCont dl dd.cont1 em.phpshouchang a b {
  background-position: -95px -65px;
}
.jpXszkCont dl dd.cont1 em a b{ display: block; float: left;   background: url(../images/bg1.png) no-repeat -80px -65px;
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px;
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px; width: 11px; height: 11px; margin: 0 3px 0px 0px;}
.followddoD1 b{
  width: 16px;height: 15px;margin:0 4px 2px 0 ;
  background: url(../lhimages/icon54.png) no-repeat ;
  background: image-set(url(../lhimages/icon54.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon54.png)) no-repeat;
}
.followddoD2 b{
  width: 15px;height: 15px;margin:2px  4px 0 0 ;
  background: url(../lhimages/icon55.png) no-repeat ;
  background: image-set(url(../lhimages/icon55.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon55.png)) no-repeat;
}
.followddoD3 b{
  width: 16px;height: 10px;margin:0 4px 0 0 ;
  background: url(../lhimages/icon53.png) no-repeat ;
  background: image-set(url(../lhimages/icon53.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon53.png)) no-repeat;
}
.gzDiv dl dd em a b {
  display: block;
  width: 11px;
  height: 11px;
  background: url(../images/bg1.png) no-repeat -80px -65px;
  background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px;
  background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px;
  float: left;
  margin: 3px 5px 0px 0px;
}
.ztwatchs b{
  width: 16px;height: 10px;margin:0 6px 0 0 ;
  background: url(../lhimages/icon53.png) no-repeat ;
  background: image-set(url(../lhimages/icon53.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon53.png)) no-repeat;
}
.clddTimezt b{
  width: 14px;height: 14px;margin:0 7px 0 0 ;
  background: url(../lhimages/icon48.png) no-repeat ;
  background: image-set(url(../lhimages/icon48.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon48.png)) no-repeat;
}
.downfoDiv1 b{
  width: 14px;height: 14px;margin:0 5px 0 0 ;
  background: url(../lhimages/icon48.png) no-repeat ;
  background: image-set(url(../lhimages/icon48.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon48.png)) no-repeat;
}
.downfoDiv2 b{
  width: 15px;height: 15px;margin:0 5px 0 0 ;
  background: url(../lhimages/icon49.png) no-repeat ;
  background: image-set(url(../lhimages/icon49.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon49.png)) no-repeat;
}
.downfoDiv3 b{
  width: 19px;height: 12px;margin:0 5px 0 0 ;
  background: url(../lhimages/icon50.png) no-repeat ;
  background: image-set(url(../lhimages/icon50.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon50.png)) no-repeat;
}
.dltreDDiv1 b{
  width: 19px;height: 12px;margin:0 5px 0 0 ;
  background: url(../lhimages/icon50.png) no-repeat ;
  background: image-set(url(../lhimages/icon50.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon50.png)) no-repeat;
}
.dltreDDiv2 b{
  width: 15px;height: 15px;margin:0 5px 0 0 ;
  background: url(../lhimages/icon49.png) no-repeat ;
  background: image-set(url(../lhimages/icon49.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon49.png)) no-repeat;
}
.dltreTdiv b{
  width: 15px;height: 15px;margin:0 5px 0 0 ;
  background: url(../lhimages/icon48.png) no-repeat ;
  background: image-set(url(../lhimages/icon48.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon48.png)) no-repeat;
}
.dlodtType b{
  width: 19px;height: 17px;margin:0 7px 0 0 ;
  background: url(../lhimages/icon51.png) no-repeat ;
  background: image-set(url(../lhimages/icon51.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon51.png)) no-repeat;
}
.dlodTime b{
  width: 17px;height: 17px;margin:0 7px 0 0 ;
  background: url(../lhimages/icon52.png) no-repeat ;
  background: image-set(url(../lhimages/icon52.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon52.png)) no-repeat;
}
.vipTimes b{
  width: 16px;height: 14px;margin:0 3px 0 0 ;
  background: url(../lhimages/icon36.png) no-repeat ;
  background: image-set(url(../lhimages/icon36.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon36.png)) no-repeat;
}
.logAbuy .vipTimes b{
  width: 16px;height: 14px;margin:0 3px 0 0 ;
  background: url(../lhimages/icon37.png) no-repeat ;
  background: image-set(url(../lhimages/icon37.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon37.png)) no-repeat;
}
.rcTitle b{
  width: 27px;height: 25px;margin:0 10px 0 0 ;
  background: url(../lhimages/icon38.png) no-repeat ;
  background: image-set(url(../lhimages/icon38.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon38.png)) no-repeat; 
}
.rcLi:nth-child(-n+3) b{min-width: 26px;
  width: 26px;height: 29px;margin:0 10px 0 0 ;
  background: url(../lhimages/icon39.png) no-repeat ;
  background: image-set(url(../lhimages/icon39.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon39.png)) no-repeat; 
  font-size: 16px;align-items: center;
  justify-content: center;
font-weight: bold;
color: #FFFFFF;
}
.rcLi:nth-child(n+3) b{min-width: 26px;
  width: 26px;height: 29px;margin:0 10px 0 0 ;
  background: url(../lhimages/icon40.png) no-repeat ;
  background: image-set(url(../lhimages/icon40.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon40.png)) no-repeat; 
  font-size: 16px;align-items: center;
  justify-content: center;
font-weight: bold;
color: #FFFFFF;
}
.vipstleft b{
  min-width: 27px;
  width: 27px;height: 24px;margin:0 8px 0 0 ;
  background: url(../lhimages/icon41.png) no-repeat ;
  background: image-set(url(../lhimages/icon41.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon41.png)) no-repeat; 
  font-size: 16px;align-items: center;
  justify-content: center;
font-weight: bold;
color: #FFFFFF;
}
.vsliDiv dl dd em a b {
  display: block;
  width: 11px;
  height: 11px;
  background: url(../images/bg1.png) no-repeat -80px -65px;
  background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px;
  background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px;
  float: left;
  margin: 3px 5px 0px 0px;
}
.shopctleft b{
  min-width: 27px;
  width: 27px;height: 24px;margin:0 8px 0 0 ;
  background: url(../lhimages/icon42.png) no-repeat ;
  background: image-set(url(../lhimages/icon42.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon42.png)) no-repeat; 
  font-size: 16px;align-items: center;
  justify-content: center;
font-weight: bold;
color: #FFFFFF;
}
.downrtleft b{
  min-width: 27px;
  width: 27px;height: 24px;margin:0 8px 0 0 ;
  background: url(../lhimages/icon43.png) no-repeat ;
  background: image-set(url(../lhimages/icon43.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon43.png)) no-repeat; 
  font-size: 16px;align-items: center;
  justify-content: center;
font-weight: bold;
color: #FFFFFF;
}
.wdLikes b{
  width: 25px;height: 22px;margin:0 2px ;
  background: url(../lhimages/icon44.png) no-repeat ;
  background: image-set(url(../lhimages/icon44.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon44.png)) no-repeat; 
}
.wdAnswers b{
  width: 26px;height: 22px;margin:0 2px ;
  background: url(../lhimages/icon45.png) no-repeat ;
  background: image-set(url(../lhimages/icon45.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon45.png)) no-repeat; 
}
.wdAdvices b{
  width: 24px;height: 21px;margin:0 2px ;
  background: url(../lhimages/icon46.png) no-repeat ;
  background: image-set(url(../lhimages/icon46.png) ) no-repeat ;
  background: -webkit-image-set(url(../lhimages/icon46.png)) no-repeat; 
}
/* right end */
.font16{font-size: 16px;  font-weight: 400;}
.font12{font-size: 12px;  font-weight: 400;}
.font20{font-size: 20px;  font-weight: 400;}
.font22{font-size: 22px;  font-weight: 400;}
.font24{font-size: 24px;}
.font33{color: #333333;}
.font99{color: #999999 !important;}
.fontFF{color: #FFFFFF;}
.font18{font-size: 18px;}
.fontBold{font-weight: bold;}
.flexRow{display: flex;flex-direction: row;}
.flexCloumn{display: flex;flex-direction: column;}
.aClass{cursor: pointer;text-decoration: none;color:#333333}
.aClass:hover{text-decoration: none;}